mui.init();

mui.plusReady(function () {
	//创建三个子webview
	var pageList = [
		{url: '../home/home.html',id: 'home'},
		{url: '../servers/servers.html',id: 'servers'},
		{url: '../mine/mine.html',id: 'mine'}
	];
	//创建子页面
	for ( var i = 0; i < pageList.length; i++) {
		//当前的webview
		var parentWv = plus.webview.currentWebview();
		var url = pageList[i].url;
		var id = pageList[i].id;		
		if (plus.webview.getWebviewById(id)) {
			//如果该webview已经被创建, 就跳出当前的循环;
			continue; 
		}
		//创建webview
		var newWv = plus.webview.create(url, id, {
			bottom: '50px',
			top: '0px',
			popGesture: 'none'
		});
		//显示第一个webview,其他的webview 隐藏
		i === 0 ? newWv.show() : newWv.hide();
		//把子webview 追加到 主webview中
		parentWv.append(newWv);
	}
	//默认显示第一个
	var showWv = 'home';
	mui('.mui-bar').on('tap', '.mui-tab-item', function (e) {
		var targetTab = this.dataset.id;
		//若为ios平台或不是第一次显示的,则直接显示
		if ( showWv === 'home' || mui.os.ios) {
			plus.webview.hide(showWv);	
			plus.webview.show(targetTab);
		} else {
			plus.webview.hide(showWv);	
			plus.webview.show(targetTab,"fade-in",300);
		}
		//更新当前显示的子页面的id
		showWv = this.dataset.id;
	})
})